/* 引入less */
/* 重置样式 */
require('../css/commCss/normalize.css')
/* 重置样式补充 */
require('../css/commCss/reset.css')
/* 公共样式 */
require('../css/commCss/property.css')
/* 公共属性 */
require('../css/commCss/basic.less')
/* 字体图标 */
require('../fonts/iconfont.css')
/* 当前页面 */
require('../css/courseIntroduction.less')

/* 导入weui */
require('weui')
const weui = require('weui.js')

/* 引入axios */
const axios = require('axios');

document.addEventListener('DOMContentLoaded', function () {
    /* 点击返回按钮返回上一个页面 */
    document.querySelector("#returnIcon").addEventListener("click",function(){
        history.go(-1);
    })

    /* 向后台发请求拿数据 */
    axios.get("http://139.9.177.51:8099/sports/courseDetail?id=" + sessionStorage.cid).then(function(res){
        let data = res.data.data;

        //将数据存入会话储存,下一个页面获取
        sessionStorage.fragments = JSON.stringify(data.fragments)
        //console.log(data);
        /* 渲染视频 */
        document.querySelector("#courseVideo").src = "http://139.9.177.51:8099" + data.fragments[1].videoUrl;
        /* 标题 */
        document.querySelector("#name").textContent = data.name;
        /* 卡路里 */
        document.querySelector("#calorie").textContent = data.calorie;
        /* 时间 */
        document.querySelector("#time").textContent = data.time;
        /* 训练人数 */
        document.querySelector("#peoplenum").textContent = data.peoplenum;
        /* 头像 */
        document.querySelector("#imgurl").src = "http://139.9.177.51:8099" + data.imgurl;
        /* 描述 */
        document.querySelector("#desc").textContent = data.desc;
        /* 频率 */
        document.querySelector("#frequency").textContent = data.frequency;
        /* 器械 */
        document.querySelector("#instrument").textContent = data.instrument;
    })

    /* 点击播放按钮播放视频并且隐藏播放控件 */
    document.querySelector("#playIcon").addEventListener("click",function(){
        document.querySelector("#courseVideo").play();
        this.closest('div').style.display = 'none';
    })

    /* 播放时点击视频暂停或者播放 */
    let flag = true
    document.querySelector("#courseVideo").addEventListener("click",function(){
        if(flag){
            this.pause()
            document.querySelector(".player").style.display = 'flex';
        }else{
            this.play()
            document.querySelector(".player").style.display = 'none';
        }
        flag = !flag
        
    })

    /* 视频循环播放 */
    document.querySelector("#courseVideo").addEventListener("ended",function(){
        this.play()
    })

    /* 点击开始训练跳转页面 */
    document.querySelector("#changeBtn").addEventListener("click",function(){
        weui.confirm("是否要开始训练",function(){
            location.href = "./courseTraining.html"
        })
    })
})